<template>
  <div class="app-container">
    <el-tabs v-model="currentView" type="border-card">
      <el-tab-pane :label="$t('equipment.playingChanel')" name="Scheduling">
        <scheduling />
      </el-tab-pane>
      <el-tab-pane :label="$t('program.insertMessage')" name="Cation">
        <caption1 />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import scheduling from './scheduling'
import caption1 from './caption'
export default {
  components: { caption1, scheduling },
  data() {
    return {
      currentView: 'Scheduling' // 当前组件
    }
  }
}
</script>
<style scoped lang='scss'>
  /deep/ .el-tabs--border-card>.el-tabs__content {
    padding: 0px;
  }
</style>
